@import "./_com";
header {
    position: relative;
    &::before {
        content: "2";
        width: vw(28);
        height: vw(28);
        border-radius: vw(14);
        background-color: red;
        color: #fff;
        font-size: vw(20);
        text-align: center;
        position: absolute;
        top: vw(45);
       right: vw(18);
       z-index: 1;
    }
     
    .w {
        // position: fixed;
        width: vw(750);
        // height: vw(130);
        // background-color: rgb(92, 83, 83);
    
    .top {
        display: flex;
        justify-content: space-between;
        width: vw(705);
        height: vw(130);
        margin-left: vw(23);
        
        .back {
            width: vw(123);
            height: vw(57);
            border: vw(3) solid $col;
            font-size: vw(26);
            text-align: center;
            line-height: vw(57);
            border-radius: vw(20);
            margin-top:vw(48);
            
        }
        h3 {
            font-size: vw(26);
            margin-top: vw(64);
           

        }
        img {
            width: vw(62);
            height: vw(43);
            margin-top: vw(54);
        }
        
        
 
    } 
    .log-in {
        display: flex;
        img {
            width: vw(170);
            height: vw(170);
            margin-left: vw(24);
        }
        div {
            margin-left: vw(24);
            line-height: vw(69);
            h5 {
            font-size: vw(30);
            
        }
        p {
            font-size: vw(26);
            color: #9d9d9d;
        }
        }
        
        i {
            font-size: vw(87);
            margin-left: vw(260);
        }
    } 
    .box {
        display: flex;
        justify-content: space-around;
        margin-top: vw(26);
        .box1 {
            
               
                width: vw(195);
                height: vw(151);
                background: url('../img/我的点评.png') ; 
                background-size: cover;
                text-align: center;
                line-height: vw(250);
                font-size: vw(26);
            
        }
        .box2 {
            
               
            width: vw(195);
            height: vw(151);
            background: url('../img/我的收藏.png') no-repeat  ;
            background-size: contain; 
            text-align: center;
            line-height: vw(250);
            font-size: vw(26);
        
    }
    .box3 {
            
               
        width: vw(195);
        height: vw(151);
        background: url('../img/我的优惠券.png') no-repeat  ; 
        background-size: cover;
        text-align: center;
        line-height: vw(250);
        font-size: vw(26);
    
}
    } 
    }
}
main {
    // position: relative;
    margin-top: vw(26);
    .box1 {
        display: flex;
        justify-content: space-between;
    }
    table {
        // width: vw(210);
        height: vw(607);
        font-size: vw(26);
        margin-left: vw(21);
        tr:nth-of-type(1) img {
            width: vw(57);
            height: vw(74);
        }         
        tr:nth-of-type(2) img {
            width: vw(71);
            height: vw(74);
        }         
        tr:nth-of-type(3) img {
            width: vw(94);
            height: vw(58);
        }         
        tr:nth-of-type(4) img {
            width: vw(59);
            height: vw(59);
        }         
        tr:nth-of-type(5) img {
            width: vw(78);
            height: vw(79);
        }         
        tr:nth-of-type(6) img {
            width: vw(84);
            height: vw(59);
        }         
    }
    .gt {
        margin-right: vw(21);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: vw(607);
        font-size: vw(24);

        img {
            width: vw(25);
            height: vw(26);
        }
    }
    .logout {
        display: flex;
        justify-content: space-around;
        // margin-top: vw(30);
        margin-bottom: vw(150);
        span {
            
            display: inline-block;
            width: vw(147);
            height: vw(76);
            border-radius: vw(38);
            background-color: $col;
            color: #fff;
            font-size: vw(24);
            text-align: center;
            line-height: vw(76);
        }
    }
}

nav {
    display: flex;
    position: fixed;
    bottom: 0;
    // left: 0;
    justify-content: space-around;
    align-items: center;

    width: vw(750);
    height: vw(120);
    background-color: #fff;

    text-align: center;
    img {
        width: vw(73);
    }
    h5 {
        font-size: vw(26);
        font-weight: 400;
    }
    
}